﻿<p>pre</p>

<p>This is some text</p>

<div class="alert alert-danger">
    <span class="alert-title"><i class="fa fa-times-circle"></i>Danger!</span><p>This is a dangerous text, it will be displayed in a danger alert box!</p>
</div>

<div class="alert alert-warning">
    <span class="alert-title"><i class="fa fa-warning"></i>Warning!</span><p>This is a warning text, it will be displayed in a warning alert box!</p>
</div>

<div class="alert alert-info">
    <span class="alert-title"><i class="fa fa-info-circle"></i>Info</span><p>This is an info text, it will be displayed in an info alert box!</p>
</div>

<div class="alert alert-neutral">
    <span class="alert-title"><i class="fa fa-info-circle"></i>Info</span><p>This is an info text, it will be displayed in an info alert box!</p>
</div>

<div class="alert alert-info">
    <span class="alert-title"><i class="fa fa-info-circle"></i>Info</span><p>This is an <strong>info text</strong>, it will be displayed in an info alert box!</p>
</div>

<p>@alert
This is an info text, it will be displayed in an info alert box!
@end</p>

<div class="alert alert-tip">
    <span class="alert-title"><i class="fa fa-info-circle"></i>Tip</span><p>This is a tip, whether you like it or not!</p>
</div>

<p>post</p>
